.input {
    display: flex;
    min-width: 95%;
    position: relative;
    align-items: center;
    justify-content: center;

    .input__box {
        width: 100%;
        border: none;
        border-radius: 50px;
        padding: 20px 30px;
        font-size: 25px;
        transition: all 0.25;
        box-shadow: inset 0 0 5px black;

        &:focus {
            box-shadow: 0 0 10px 1000px rgba(0, 0, 0, 0.5);
            outline: none;
        }
    }

    .input__submit {
        position: absolute;
        width: 50px;
        height: 50px;
        margin: 12px;
        border-radius: 50px;
        right: 0px;
        border: none;
        font-size: 15px;
        background-color: #2f74c0;
        color: wheat;
        transition: 0.2s all;
        box-shadow: 0 0 10px black;

        &:hover {
            background-color: #388ae2
        }

        &:active {
            transform: scale(0.8);
            box-shadow: 0 0 5px black;
        }
    }
}

